$(function () {
    $(document).ready(function() {
    	
    	 $('#chart1').highcharts({
            chart: {
                zoomType: 'xy'
            },
            title: {
                text: '지표 변화 추이 '
            },
            xAxis: {
                categories: ['January', 'February', 'Maret', 'April', 'Mei','Juni','Juli','Agustus','September','Oktober','Nopember','December']
            },
            yAxis: [{ // Primary yAxis
                labels: {
                    format: '{value}건',
                    style: {
                        color: '#89A54E'
                    }
                },
                title: {
                    text: '센터 유형별 건수',
                    style: {
                        color: '#89A54E'
                    }
                },
                opposite: true
            }, { // Secondary yAxis
                title: {
                    text: '서비스 건수',
                    style: {
                        color: '#4572A7'
                    }
                },
                labels: {
                    format: '{value} 건',
                    style: {
                        color: '#4572A7'
                    }
                }
                
            }],
            tooltip: {
                formatter: function() {
                    var s;
                    if (this.point.name) { // the pie chart
                        s = ''+
                            this.point.name +': '+ this.y +' Orang';
                    } else {
                        s = ''+
                            this.x  +': '+ this.y;
                    }
                    return s;
                }
            },
            /*labels: {
                items: [{
                    html: 'Total Guest',
                    style: {
                        left: '40px',
                        top: '8px',
                        color: 'black'
                    }
                }]
            },*/
            series: [{
                type: 'column',
                name: 'MC',
                yAxis: 1,
                data: [321, 331, 335, 347, 336,353,344,343,393,342,342,382],
                tooltip: {
                    valueSuffix: '건'
                }
            }, {
                type: 'column',
                name: 'CE',
                yAxis: 1,
                data: [200, 71, 17, 11, 19,223,213,323,334,314,211,213],
	            tooltip: {
	                valueSuffix: '건'
	            }
            },{
                type: 'spline',
                name: 'ESC',
                data: [22, 22, 42, 43, 44,44,65,64,64,60,80,80],
                tooltip: {
                    valueSuffix: '건'
                }
            }, {
                type: 'spline',
                name: 'LGC',
                data: [62, 87, 73, 73, 74,89,80,82,84,74,70,61],
                tooltip: {
                    valueSuffix: '건'
                }
            }, {
                type: 'spline',
                name: '기타',
                data: [12, 12, 32, 33, 34,34,35,44,44,40,45,50],
                tooltip: {
                    valueSuffix: '건'
                }
            }]
        });
    });
    
});

